        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            overflow: scroll;
        }

        .header {
            display: flex;
            flex-direction: row;
            width: 100vw;
            height: 5vh;
            background-color: #f5f5f5;
        }

        .header a {
            text-decoration: none;
            color: black;
            display: inline-block;
            width: 9vw;
            height: 5vh;

            text-align: center;
            line-height: 5vh;
            min-width: 100px;
        }

        .header a:nth-of-type(1) {
            margin-left: 170px;
        }

        .header a:nth-of-type(5) {
            margin-right: 170px;
        }

        a:nth-of-type(2) {
            width: 5vw;
        }

        a:nth-of-type(3) {
            width: 5vw;
        }

        .area-list li {
            list-style: none;
            height: 25%;

        }

        .area-list {
            width: 9vw;
            min-width: 100px;
            height: 200px;
            background-color: #f5f5f5;
            ;
            transition: all 1s;
            display: none;
        }

        .header a:nth-of-type(1):hover .area-list {
            display: block;
        }

        .shopPage-list {
            width: 9vw;
            min-width: 100px;
            height: 100px;
            background-color: #f5f5f5;
            ;
            transition: all 1s;
            display: none;
        }

        .shopPage-list li {
            list-style: none;
            height: 50%;

        }

        .header a:nth-of-type(7):hover .shopPage-list {
            display: block;
        }

        .bodyer {
            margin: 0 2vw;
            width: 96vw;
            height: 80vh;
            background-color: rgb(24, 133, 228);
            /* background-size:  96vw  ;
            background-image: url('../帮助中心/背景1.jpg');
            background-repeat: no-repeat; */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /*  .bodyer span{
            display: block;
            width: 500px;
            height: 60px;
        } */
        .bodyer span a {
            display: inline-block;
            width: 200px;
            height: 60px;
            border-radius: 40px 40px 40px 0;
            font-size: 20px;
            text-decoration: none;
            text-align: center;
            line-height: 60px;
            border: 0;
            color: white;
        }

        .bodyer span .login-consumer {
            background-color: rgba(190, 161, 33, 0.99);
        }

        .bodyer span .login-consumer:hover {
            background-color: rgba(242, 192, 29, 0.99);
        }

        .bodyer span .login-merchant {
            background-color: rgba(18, 157, 192, 0.99);
        }

        .bodyer span .login-merchant:hover {
            background-color: rgba(86, 195, 222, 0.99);
        }

        .footer {
            margin: 20px 0;
            width: 100vw;
            height: 500px;
            padding: 50px 100px;
            border-top: 1px solid;
            border-color: rgb(206, 196, 183);
        }

        .footer-top {
            padding: 4px 8px;
            width: 86vw;
            height: 150px;
            border-top: 1px solid;
            margin-bottom: 20px;
            border-color: rgb(206, 196, 183);
            display: flex;
            flex-wrap: wrap;
        }

        .footer-top .footer-col {
            width: 25%;
            height: 16px;
            margin-bottom: 12px;
        }

        .footer-top .footer-col a {
            text-decoration: none;
            color: black;
            font-weight: 400;

        }

        .footer-center {
            padding: 0 8px;
            width: 86vw;
            height: 100px;
            border-top: 1px solid;
            border-color: rgb(206, 196, 183);
            margin-bottom: 20px;
        }

        .footerBottom {
            padding: 0 8px;
            width: 86vw;
            height: 250px;
            /* background-color: aqua; */
            border-top: 1px solid;
            border-color: rgb(206, 196, 183);
        }